<div id="gioithieu">
	<div id="tieude_1">
		<p>Danh sách trẻ</p>
	</div>
    <div id="noidung_gt">
    	<div class="timkiem">
        	<label for="timkiem">Tìm kiếm trẻ</label>
            <input type="text" id="timkiem" />
            <input type="button" value="Tìm" onClick="tim()" />
        </div>
        <?php
            //	phân trang
            // Nếu đã có sẵn số thứ tự của trang thì giữ nguyên (dùng biến $page)
            // nếu chưa có, đặt mặc định là 1!
            if(!isset($_REQUEST['page'])){ 
                $page = 1; 
            } else { 
                $page = $_REQUEST['page']; 
            } 
            // Chọn số kết quả trả về trong mỗi trang mặc định là 10
            $sotrang= 10; 
            // Tính số thứ tự giá trị trả về của đầu trang hiện tại
            $from = (($page - 1) * $sotrang); 
			$nam = date("Y");
            // Chạy 1 MySQL query để hiện thị kết quả trên trang hiện tại  
            $sql = $mysqli->query("select tre.MA_TRE,HOTEN_TRE,TEN_LOP,HOTEN_PH FROM tre,hoc,lop,phuhuynh where
									tre.MA_TRE = hoc.MA_TRE and
									tre.MA_PH = phuhuynh.MA_PH and
									hoc.MA_LOP = lop.MA_LOP and
									hoc.NAMHOC = {$nam}
									limit {$from}, {$sotrang}");
			echo "<div id='ketqua'>";
			echo "<table border='1' id='danhsach'>";
			echo "<tr><th>MÃ TRẺ</th><th>HỌ TÊN TRẺ</th><th>TÊN LỚP</th><th>HỌ TÊN PHỤ HUYNH</th><th>TÙY CHỌN</th></tr>";
            while ($row=$sql->fetch_array()) {
				echo "<tr><td>{$row['MA_TRE']}</td><td>{$row['HOTEN_TRE']}</td><td>{$row['TEN_LOP']}</td>
					<td>{$row['HOTEN_PH']}</td><td id='nut_1'>";?>
					<input type='button' value='Xem chi tiết' onClick="xemchitiet('<?php echo $row['MA_TRE']; ?>')" />
					<input type='button' value='Xóa' onClick="xoa('<?php echo $row['MA_TRE'] ?>')" /></td></tr><?php
            }
			echo "</table></div>";
            // Tính tổng kết quả trong toàn DB: 
            $sql = $mysqli->query("select count(*) FROM tre,hoc,lop where
									tre.MA_TRE = hoc.MA_TRE and
									hoc.MA_LOP = lop.MA_LOP and
									hoc.NAMHOC = {$nam}"); 
			$result = $sql->fetch_array();
			$tong = $result[0];
            // Tính tổng số trang. Làm tròn lên sử dụng ceil() 
            $tongtrang = ceil($tong / $sotrang);
            // Tạo liên kết đến các trang đã đánh số thứ tự
			?>
            <br /><br /><select id="trang" id style='border: 1px solid black;float: right;margin-right: 100px' onChange="xemtrang()">
            <?php
			for ($i = 1; $i <= $tongtrang; $i++) {
				if ($i == $page)
					echo "<option value='$i' selected>Trang $i</option>";
				else echo "<option value='$i'>Trang $i</option>";
			}
			echo "</select>";
        ?>
    </div>
</div>
<script>
		function createXHR() {
			var xmlhttp;
			if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
			} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			return xmlhttp;
		}
		function xemtrang() {
			var page = document.getElementById('trang').value;
			var xhr = createXHR();
			xhr.open("get","dstre_phantrang.php?page=" + page,false);
			xhr.send(null);
			document.getElementById('ketqua').innerHTML = xhr.responseText;
		}
		function tim() {
			var tim = document.getElementById('timkiem').value;
			if (tim != '') {
				var xhr = createXHR();
				xhr.open("get","timtre.php?tim=" + tim,false);
				xhr.send(null);
				document.getElementById('ketqua').innerHTML = xhr.responseText;
			}
		}
		function xemchitiet(e) {
			var xhr = createXHR();
			xhr.open("get","xemchitiet_tre.php?matre=" + e,false);
			xhr.send(null);
			document.getElementById('gioithieu').innerHTML = xhr.responseText;
		}
		function capnhat(e) {
			var xhr = createXHR();
			xhr.open("get","capnhat_tre.php?matre=" + e,false);
			xhr.send(null);
			document.getElementById('gioithieu').innerHTML = xhr.responseText;
		}
		function xoa(){
			swal({
				title: "Bạn có chắc muốn xóa trẻ này?",
				text: "Mọi thông tin liên quan đến trẻ sẽ được xóa khỏi hệ thống",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "Xóa",
				cancelButtonText: "Hủy",
				closeOnConfirm: false,
				closeOnCancel: false },
			function(isConfirm){
				if (isConfirm) {
					swal("Đã xóa", "Xóa thông tin của trẻ thành công.", "success");
				} else {
					swal("Cancelled", "Your imaginary file is safe :)", "error");   } });}
</script>